<!DOCTYPE html> 
<html> 
 <head> 
  <meta charset="UTF-8"/> 
  <meta http-equiv="X-UA-Compatible" content="IE=Edge;chrome=1" /> 
  <title></title>

<style> 
body {
      background-color:#bbccff;
      background-repeat:no-repeat;
      overflow-x:hidden;
    }

.left_menu {
	background-color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 25px;
	border: 1px solid #000;
	padding: 0px;
	margin-top: 15px;
	margin-right: 80px;
	margin-bottom: 15px;
	margin-left: 80px;
	height: 340px;
}
  #title {
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
	td{
	color: #FFF;
	text-align: center;
	padding: 15px;
}
  .left_menu_cells {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#container {
	width: auto;
	height: auto;
	}
  .main_div {
	width: 900px;
	min-height:1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	border: 3px #000 solid;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}
a {
	text-decoration: none;
	color:#FFF;
}
  </style> 
  
 </head> 
 <body> 
 <div class="main_div">
 
 <div id="title" align="center"><img src="../images/title.png" width="431" height="114" align="middle"></div>

 <table class="left_menu" align="left" >
 <tr >
<td class="left_menu_cells" colspan="3"><a href="main.php">Home</a></td>
</tr>

<tr>
<td class="left_menu_cells" colspan="3"><a href="new_league.html">Create a League</a></td>
</tr>

<tr>
<td class="left_menu_cells" colspan="3">View Leagues</td>
</tr>

<tr>
<td class="left_menu_cells" colspan="3"><a href="find_friends.html">Find Friends</a></td>
</tr>

<tr>
<td colspan="3">Log-off</td>
</tr>

</table>

<div id="container" align="left">
	 <img src="../images/image_car.png" align="middle">
</div>

</div>

</body> 
</html>